{% load static %}
<!doctype html>
<html lang="ro">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="{% static "base.css" %}" type="text/css" media="screen" />
    <title>{% block page_title %}{% endblock page_title %}</title>
</head>
<body>
    <div class="mainmenu">
        <!-- use spans for menu items -->
        <p>
            {% block main_menu %}{% endblock main_menu %}
            <span><a href="{% url logout %}">Logout</a></span>
        </p>
    </div>

    <div class="wrapper">
        <!-- header -->
        <div class="header">
            <h1>{% block header_title %}{% endblock header_title %}</h1>
            <h2>{% block header_subtitle %}{% endblock header_subtitle %}</h2>
        </div>

        <!-- content -->
        <div class="contentwrapper">
            <div class="content">
                {% block content %}{% endblock content %}
            </div>
        </div>

        <!-- left column -->
        <div class="leftcolumn">
            <!-- use p surrounded by a -->
            <a href="/documents/invoices?type=purchase"><p>Facturi Furnizori</p></a>
            <a href="/documents/invoices?type=sales"><p>Facturi Emise</p></a>
            {% block left_column %}{% endblock left_column %}
        </div>

        <div class="footer">
            <p>&copy; {% now "Y" %}, Manole Paul-Sebastian.</p>
            <p><small>Data serverului este {% now "SHORT_DATE_FORMAT" %}</small></p>
            <p>Sunteti logat cu utilizatorul "{{ user.username }}".</p>
            {% block footer %}{% endblock footer %}
        </div>
    </div>
</body>
</html>
